<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>功夫熊猫</title>
		<link rel="stylesheet" href="css/功夫熊猫样式.css" />
	</head>
	<body>
		<!-- 2D动画：功夫熊猫
		 html    设计页面骨架：元素添加几个
		         ①跑马灯套标题元素
				 ②熊出现位置：空间
				 ③跑马灯套图片元素
		 css     构建页面效果：具体元素添加样式
		         ①引入样式表：外部样式表 【项目级】
				 ②通用选择器：规范页面通用效果
				 语法：*{} 匹配页面所有元素
				 ③设置：背景、动画、微调
				
		 -->
		
		 <marquee behavior="alternate">
			 <h1>功夫熊猫</h1>
		 </marquee>
		 <!-- 熊空间 -->
		 <div class="bear"></div>
		 <!-- 云 -->
		 <marquee><img src="img/cloud.png" alt="云"></marquee>
		 <!-- 音乐 -->
		 <audio src="img/gf.mp3" autoplay loop></audio>
	</body>
</html>